<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        header{
            margin-top: 20px;
        }
        header .a a{
            margin-right: 20px;
            font-size: 12px;
            font-weight: 900;
            color: black;
            float: right;
        }
        header .b{
            width: 60px;
            height: 24px;
            background-color: #4e6efe;
            text-align: center;
            line-height: 24px;
            font-size: 12px;
            color: white;
            float: right;
        }
        .logo{
            width: 270px;
            margin: auto;
        }
        .logo img{
            width: 270px;
        }
        .seach{
            width: 660px;
            margin: auto;
        }
        .seach input{
            width: 540px;
            height: 34px;
            border: 1px solid #999;
            float: left;
            background: url("images/camera_new_5606e8f.png") no-repeat 515px;
        }
        .seach .baiduyixia{
            width: 100px;
            height: 38px;
            text-align: center;
            line-height: 38px;
            background-color: #4e6efe;
            color: white;
            float: left;
        }
        .con{
            width: 58px;
            height: 58px;
            margin: auto;
            margin-top: 430px;
        }
        p{
            text-align: center;
            font-size: 12px;
            font-weight: 900;
        }
        footer{
            text-align: center;
        }
        footer a{
            color: #999;
            margin-right: 27px;
            font-size: 13px;
            font-weight: 500;
        }
        footer a:nth-of-type(n+5){
            margin-right: 4px;
        }
    </style>
</head>
<body>
    <header>
        <div class="b">更多产品</div>
        <div class="a">
            <a href="">糯米</a>
            <a href="">新闻</a>
            <a href="">闻hao123</a>
            <a href="">地图</a>
            <a href="">视频</a>
            <a href="">贴吧</a>
            <a href="">登录</a>
            <a href="">设置</a>
        </div>
    </header>
    <div class="logo">
        <img src="images/bd_logo1.png" alt="">
    </div>
    <div class="seach">
        <input type="text" placeholder="">
        <div class="baiduyixia">百度一下</div>
    </div>
    <div class="con">
        <img src="images/zbios_efde696.png" alt="">
    </div>
    <p>手机百度</p>
    <footer>
        <a href="">把百度设为主页</a>
        <a href="">关于百度</a>
        <a href="">About  Baidu</a>
        <a href="">百度推广<br></a>
        <a href="">@2016 Baidu</a>
        <a href="">使用百度前必读</a>
        <a href="">意见反馈</a>
        <a href="">京ICP证030173号</a>
        <a href="">京公网安备11000002000001号 </a>
    </footer>
</body>
</html>